<template>
  <div class="workAmend">
    <Header title="会员申请" />
    <div class="workTitle">工作情况填写</div>
    <form action="#" class="formBox">
      <p>
        <i>*</i>
        <span>工作单位</span>
        <select name="">
          <!--下拉列表框-->
          <option value="daxue">请选择</option>
          <option value="daxue">腾讯科技</option>
          <option value="daxue">1111</option>
          <option value="daxue">2222</option>
        </select>
        <!--文本框-->
        <!--文本域是text,只能写入少量的文字.文本区域是textarea,可以写入大量的文字, 文本框是单行文本 文本区域是多行 -->
      </p>
      <p>
        <span></span>
        <input
          type="text"
          name="uesrname"
          value=""
          placeholder="请填写工作单位全称"
        />
      </p>
      <p>
        <i>*</i>
        <span>职务</span>
        <input type="text" name="uesrname" value="" placeholder="请填写职务" />
      </p>
      <p>
        <i>*</i>
        <span>职称</span>
        <select name="">
          <!--下拉列表框-->
          <option value="daxue">请选择</option>
          <option value="daxue">初级会计</option>
          <option value="high">中级会计</option>
          <option value="middle">高级会计</option>
        </select>
      </p>
      <p>
        <i>*</i>
        <span>最高学历</span>
        <select name="">
          <!--下拉列表框-->
          <option value="daxue">请选择</option>
          <option value="daxue">本科</option>
          <option value="high">研究生</option>
          <option value="middle">大专</option>
        </select>
      </p>
      <p>
        <i>*</i>
        <span>学位</span>
        <select name="">
          <!--下拉列表框-->
          <option value="daxue">请选择</option>
          <option value="daxue">会计学</option>
        </select>
      </p>
      <p>
        <i>*</i>
        <span>所学专业</span>
        <input
          type="text"
          name="uesrname"
          value=""
          placeholder="请填写所学专业"
        />
      </p>
      <p>
        <i>*</i>
        <span>从事专业</span>
        <input
          type="text"
          name="uesrname"
          value=""
          placeholder="请填写从事专业"
        />
      </p>
      <p>
        <i>*</i>
        <span>手机号码</span>
        <input
          type="text"
          name="uesrname"
          value=""
          placeholder="请填写手机号码"
        />
      </p>
      <p>
        <i>*</i>
        <span>手机验证码</span>
        <input type="text" name="uesrname" value="" placeholder="填写验证码" />
        <button>获取</button>
      </p>
      <p>
        <i>*</i>
        <span>固定电话</span>
        <input
          type="text"
          name="uesrname"
          value=""
          placeholder="填写固定电话"
        />
      </p>
      <p>
        <i>*</i>
        <span>电子邮箱</span>
        <input
          type="text"
          name="uesrname"
          value=""
          placeholder="填写电子邮箱"
        />
      </p>
      <p>
        <i>*</i>
        <span>邮政编码</span>
        <input
          type="text"
          name="uesrname"
          value=""
          placeholder="请填写邮政编码"
        />
      </p>
      <div class="workPlace">
        <div style="height: 30px; line-height: 30px"><i>*</i>通信地址</div>
        <textarea
          class="textWork"
          cols="40"
          rows="5"
          placeholder="请填写详细地址"
        ></textarea>
      </div>
    </form>

    <div class="register">
      <button @click="register">立即注册</button>
    </div>
  </div>
</template>

<script>
import Header from "../components/header";
export default {
  name: "workAmend",
  components: {
    Header,
  },
  methods: {
    register() {
      this.$router.push("/membership")
    },
  },
};
</script>

<style lang="less">
.workAmend {
  font-size: 15px;
  .register {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    button {
      width: 200px;
      height: 40px;
      background: #169bd5;
      color: #fff;
      border-radius: 4px;
    }
  }
  .formBox {
    font-size: 15px;
    p {
      border-bottom: 1px solid #ccc;
      display: flex;
      height: 40px;
      align-items: center;
      padding-right: 10px;
      span {
        flex: 1;
      }
      select {
        height: 20px;
      }
      input {
        text-align: right;
      }
      i {
        color: red;
        margin: auto 10px;
      }
      .radio {
        width: 10px;
        height: 10px;
      }
    }
    .workPlace {
      padding: auto 10px;
      i {
        color: red;
        margin: auto 10px;
      }
      .textWork {
        // margin: 0 10px 0 10px;
        width: 351px;
        margin-left: 11px;
        // margin: 0 auto;
        border: 1px solid #cccccc;
      }
    }
    .calendar {
      width: 25px;
      height: 25px;
    }
  }
}
</style>